<template>
  <div id="app">
  	<a href="#/one">one</a>
  	<a href="#/two">two</a>
  	<a href="#/three">three</a>
  	<br />
  	<!--router-link，会渲染成a标签，to属性的值不用加#-->
    <router-link to="/one">one</router-link>
    <router-link to="/two">two</router-link>
    <router-link to="/three">three</router-link>
    
  	<!-- 路由容器 显示相应路径的组件 -->
    <router-view/>


    
  	<!--多个路由容器-->
    <router-link to="/four">four</router-link>
    
  	<!-- 加name值 -->
    <router-view name='second'/>


  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
.router-link-active{
	background: #008000;
}
</style>
